<template>
	<view class="nodata" v-if="isShow"><!-- :style="{height: swiperHeight + 'px'}" -->
		<image :src="baseImg" mode="widthFix" class="empty_image"></image>
		<text :style="{color:textColor}">{{ text }}</text>
	</view>
</template>

<script>
export default {
	name: 'xw-empty',
	props: {
		//text
		text: {
			type: String,
			default: '暂无数据'
		},
		img: {
			type: String,
			default: '/static/images/other/nodata.png'
		},
		textColor:{
			type: String,
			default: '#999999'
		},
		isShow: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			baseImg:
				'',
			HEIGHT: 0
		
		};
	}
};
</script>

<style lang="scss">
.nodata {
	height: 800rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	align-items: center;
	color: #555555;
	font-size: 30rpx;
	
}
.empty_image {
		width: 500rpx !important;
		height: 400rpx !important;
		margin-bottom: 50rpx;
	}
</style>
